<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>The X11 Colours</title>
  <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
  <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/color/006.html"/>
  <link rel="help" href="http://www.w3.org/TR/CSS21/colors.html#colors" />
  <style type="text/css">
   .c { width: 2em; }
  </style>
 </head>
 <body>
  <p>The first two columns should be identical.</p>
  <table class="x11colortable">
   <tr>
    <td class="c" style="background:aliceblue">&nbsp;
    <td class="c" style="background:#f0f8ff">&nbsp;
    <td>aliceblue
   <tr>
    <td class="c" style="background:antiquewhite">&nbsp;
    <td class="c" style="background:#faebd7">&nbsp;
    <td>antiquewhite
   <tr>
    <td class="c" style="background:aqua">&nbsp;
    <td class="c" style="background:#00ffff">&nbsp;
    <td>aqua
   <tr>
    <td class="c" style="background:aquamarine">&nbsp;
    <td class="c" style="background:#7fffd4">&nbsp;
    <td>aquamarine
   <tr>
    <td class="c" style="background:azure">&nbsp;
    <td class="c" style="background:#f0ffff">&nbsp;
    <td>azure
   <tr>
    <td class="c" style="background:beige">&nbsp;
    <td class="c" style="background:#f5f5dc">&nbsp;
    <td>beige
   <tr>
    <td class="c" style="background:bisque">&nbsp;
    <td class="c" style="background:#ffe4c4">&nbsp;
    <td>bisque
   <tr>
    <td class="c" style="background:black">&nbsp;
    <td class="c" style="background:#000000">&nbsp;
    <td>black
   <tr>
    <td class="c" style="background:blanchedalmond">&nbsp;
    <td class="c" style="background:#ffebcd">&nbsp;
    <td>blanchedalmond
   <tr>
    <td class="c" style="background:blue">&nbsp;
    <td class="c" style="background:#0000ff">&nbsp;
    <td>blue
   <tr>
    <td class="c" style="background:blueviolet">&nbsp;
    <td class="c" style="background:#8a2be2">&nbsp;
    <td>blueviolet
   <tr>
    <td class="c" style="background:brown">&nbsp;
    <td class="c" style="background:#a52a2a">&nbsp;
    <td>brown
   <tr>
    <td class="c" style="background:burlywood">&nbsp;
    <td class="c" style="background:#deb887">&nbsp;
    <td>burlywood
   <tr>
    <td class="c" style="background:cadetblue">&nbsp;
    <td class="c" style="background:#5f9ea0">&nbsp;
    <td>cadetblue
   <tr>
    <td class="c" style="background:chartreuse">&nbsp;
    <td class="c" style="background:#7fff00">&nbsp;
    <td>chartreuse
   <tr>
    <td class="c" style="background:chocolate">&nbsp;
    <td class="c" style="background:#d2691e">&nbsp;
    <td>chocolate
   <tr>
    <td class="c" style="background:coral">&nbsp;
    <td class="c" style="background:#ff7f50">&nbsp;
    <td>coral
   <tr>
    <td class="c" style="background:cornflowerblue">&nbsp;
    <td class="c" style="background:#6495ed">&nbsp;
    <td>cornflowerblue
   <tr>
    <td class="c" style="background:cornsilk">&nbsp;
    <td class="c" style="background:#fff8dc">&nbsp;
    <td>cornsilk
   <tr>
    <td class="c" style="background:crimson">&nbsp;
    <td class="c" style="background:#dc143c">&nbsp;
    <td>crimson
   <tr>
    <td class="c" style="background:cyan">&nbsp;
    <td class="c" style="background:#00ffff">&nbsp;
    <td>cyan
   <tr>
    <td class="c" style="background:darkblue">&nbsp;
    <td class="c" style="background:#00008b">&nbsp;
    <td>darkblue
   <tr>
    <td class="c" style="background:darkcyan">&nbsp;
    <td class="c" style="background:#008b8b">&nbsp;
    <td>darkcyan
   <tr>
    <td class="c" style="background:darkgoldenrod">&nbsp;
    <td class="c" style="background:#b8860b">&nbsp;
    <td>darkgoldenrod
   <tr>
    <td class="c" style="background:darkgray">&nbsp;
    <td class="c" style="background:#a9a9a9">&nbsp;
    <td>darkgray
   <tr>
    <td class="c" style="background:darkgreen">&nbsp;
    <td class="c" style="background:#006400">&nbsp;
    <td>darkgreen
   <tr>
    <td class="c" style="background:darkgrey">&nbsp;
    <td class="c" style="background:#a9a9a9">&nbsp;
    <td>darkgrey
   <tr>
    <td class="c" style="background:darkkhaki">&nbsp;
    <td class="c" style="background:#bdb76b">&nbsp;
    <td>darkkhaki
   <tr>
    <td class="c" style="background:darkmagenta">&nbsp;
    <td class="c" style="background:#8b008b">&nbsp;
    <td>darkmagenta
   <tr>
    <td class="c" style="background:darkolivegreen">&nbsp;
    <td class="c" style="background:#556b2f">&nbsp;
    <td>darkolivegreen
   <tr>
    <td class="c" style="background:darkorange">&nbsp;
    <td class="c" style="background:#ff8c00">&nbsp;
    <td>darkorange
   <tr>
    <td class="c" style="background:darkorchid">&nbsp;
    <td class="c" style="background:#9932cc">&nbsp;
    <td>darkorchid
   <tr>
    <td class="c" style="background:darkred">&nbsp;
    <td class="c" style="background:#8b0000">&nbsp;
    <td>darkred
   <tr>
    <td class="c" style="background:darksalmon">&nbsp;
    <td class="c" style="background:#e9967a">&nbsp;
    <td>darksalmon
   <tr>
    <td class="c" style="background:darkseagreen">&nbsp;
    <td class="c" style="background:#8fbc8f">&nbsp;
    <td>darkseagreen
   <tr>
    <td class="c" style="background:darkslateblue">&nbsp;
    <td class="c" style="background:#483d8b">&nbsp;
    <td>darkslateblue
   <tr>
    <td class="c" style="background:darkslategray">&nbsp;
    <td class="c" style="background:#2f4f4f">&nbsp;
    <td>darkslategray
   <tr>
    <td class="c" style="background:darkslategrey">&nbsp;
    <td class="c" style="background:#2f4f4f">&nbsp;
    <td>darkslategrey
   <tr>
    <td class="c" style="background:darkturquoise">&nbsp;
    <td class="c" style="background:#00ced1">&nbsp;
    <td>darkturquoise
   <tr>
    <td class="c" style="background:darkviolet">&nbsp;
    <td class="c" style="background:#9400d3">&nbsp;
    <td>darkviolet
   <tr>
    <td class="c" style="background:deeppink">&nbsp;
    <td class="c" style="background:#ff1493">&nbsp;
    <td>deeppink
   <tr>
    <td class="c" style="background:deepskyblue">&nbsp;
    <td class="c" style="background:#00bfff">&nbsp;
    <td>deepskyblue
   <tr>
    <td class="c" style="background:dimgray">&nbsp;
    <td class="c" style="background:#696969">&nbsp;
    <td>dimgray
   <tr>
    <td class="c" style="background:dimgrey">&nbsp;
    <td class="c" style="background:#696969">&nbsp;
    <td>dimgrey
   <tr>
    <td class="c" style="background:dodgerblue">&nbsp;
    <td class="c" style="background:#1e90ff">&nbsp;
    <td>dodgerblue
   <tr>
    <td class="c" style="background:firebrick">&nbsp;
    <td class="c" style="background:#b22222">&nbsp;
    <td>firebrick
   <tr>
    <td class="c" style="background:floralwhite">&nbsp;
    <td class="c" style="background:#fffaf0">&nbsp;
    <td>floralwhite
   <tr>
    <td class="c" style="background:forestgreen">&nbsp;
    <td class="c" style="background:#228b22">&nbsp;
    <td>forestgreen
   <tr>
    <td class="c" style="background:fuchsia">&nbsp;
    <td class="c" style="background:#ff00ff">&nbsp;
    <td>fuchsia
   <tr>
    <td class="c" style="background:gainsboro">&nbsp;
    <td class="c" style="background:#dcdcdc">&nbsp;
    <td>gainsboro
   <tr>
    <td class="c" style="background:ghostwhite">&nbsp;
    <td class="c" style="background:#f8f8ff">&nbsp;
    <td>ghostwhite
   <tr>
    <td class="c" style="background:gold">&nbsp;
    <td class="c" style="background:#ffd700">&nbsp;
    <td>gold
   <tr>
    <td class="c" style="background:goldenrod">&nbsp;
    <td class="c" style="background:#daa520">&nbsp;
    <td>goldenrod
   <tr>
    <td class="c" style="background:gray">&nbsp;
    <td class="c" style="background:#808080">&nbsp;
    <td>gray
   <tr>
    <td class="c" style="background:green">&nbsp;
    <td class="c" style="background:#008000">&nbsp;
    <td>green
   <tr>
    <td class="c" style="background:greenyellow">&nbsp;
    <td class="c" style="background:#adff2f">&nbsp;
    <td>greenyellow
   <tr>
    <td class="c" style="background:grey">&nbsp;
    <td class="c" style="background:#808080">&nbsp;
    <td>grey
   <tr>
    <td class="c" style="background:honeydew">&nbsp;
    <td class="c" style="background:#f0fff0">&nbsp;
    <td>honeydew
   <tr>
    <td class="c" style="background:hotpink">&nbsp;
    <td class="c" style="background:#ff69b4">&nbsp;
    <td>hotpink
   <tr>
    <td class="c" style="background:indianred">&nbsp;
    <td class="c" style="background:#cd5c5c">&nbsp;
    <td>indianred
   <tr>
    <td class="c" style="background:indigo">&nbsp;
    <td class="c" style="background:#4b0082">&nbsp;
    <td>indigo
   <tr>
    <td class="c" style="background:ivory">&nbsp;
    <td class="c" style="background:#fffff0">&nbsp;
    <td>ivory
   <tr>
    <td class="c" style="background:khaki">&nbsp;
    <td class="c" style="background:#f0e68c">&nbsp;
    <td>khaki
   <tr>
    <td class="c" style="background:lavender">&nbsp;
    <td class="c" style="background:#e6e6fa">&nbsp;
    <td>lavender
   <tr>
    <td class="c" style="background:lavenderblush">&nbsp;
    <td class="c" style="background:#fff0f5">&nbsp;
    <td>lavenderblush
   <tr>
    <td class="c" style="background:lawngreen">&nbsp;
    <td class="c" style="background:#7cfc00">&nbsp;
    <td>lawngreen
   <tr>
    <td class="c" style="background:lemonchiffon">&nbsp;
    <td class="c" style="background:#fffacd">&nbsp;
    <td>lemonchiffon
   <tr>
    <td class="c" style="background:lightblue">&nbsp;
    <td class="c" style="background:#add8e6">&nbsp;
    <td>lightblue
   <tr>
    <td class="c" style="background:lightcoral">&nbsp;
    <td class="c" style="background:#f08080">&nbsp;
    <td>lightcoral
   <tr>
    <td class="c" style="background:lightcyan">&nbsp;
    <td class="c" style="background:#e0ffff">&nbsp;
    <td>lightcyan
   <tr>
    <td class="c" style="background:lightgoldenrodyellow">&nbsp;
    <td class="c" style="background:#fafad2">&nbsp;
    <td>lightgoldenrodyellow
   <tr>
    <td class="c" style="background:lightgray">&nbsp;
    <td class="c" style="background:#d3d3d3">&nbsp;
    <td>lightgray
   <tr>
    <td class="c" style="background:lightgreen">&nbsp;
    <td class="c" style="background:#90ee90">&nbsp;
    <td>lightgreen
   <tr>
    <td class="c" style="background:lightgrey">&nbsp;
    <td class="c" style="background:#d3d3d3">&nbsp;
    <td>lightgrey
   <tr>
    <td class="c" style="background:lightpink">&nbsp;
    <td class="c" style="background:#ffb6c1">&nbsp;
    <td>lightpink
   <tr>
    <td class="c" style="background:lightsalmon">&nbsp;
    <td class="c" style="background:#ffa07a">&nbsp;
    <td>lightsalmon
   <tr>
    <td class="c" style="background:lightseagreen">&nbsp;
    <td class="c" style="background:#20b2aa">&nbsp;
    <td>lightseagreen
   <tr>
    <td class="c" style="background:lightskyblue">&nbsp;
    <td class="c" style="background:#87cefa">&nbsp;
    <td>lightskyblue
   <tr>
    <td class="c" style="background:lightslategray">&nbsp;
    <td class="c" style="background:#778899">&nbsp;
    <td>lightslategray
   <tr>
    <td class="c" style="background:lightslategrey">&nbsp;
    <td class="c" style="background:#778899">&nbsp;
    <td>lightslategrey
   <tr>
    <td class="c" style="background:lightsteelblue">&nbsp;
    <td class="c" style="background:#b0c4de">&nbsp;
    <td>lightsteelblue
   <tr>
    <td class="c" style="background:lightyellow">&nbsp;
    <td class="c" style="background:#ffffe0">&nbsp;
    <td>lightyellow
   <tr>
    <td class="c" style="background:lime">&nbsp;
    <td class="c" style="background:#00ff00">&nbsp;
    <td>lime
   <tr>
    <td class="c" style="background:limegreen">&nbsp;
    <td class="c" style="background:#32cd32">&nbsp;
    <td>limegreen
   <tr>
    <td class="c" style="background:linen">&nbsp;
    <td class="c" style="background:#faf0e6">&nbsp;
    <td>linen
   <tr>
    <td class="c" style="background:magenta">&nbsp;
    <td class="c" style="background:#ff00ff">&nbsp;
    <td>magenta
   <tr>
    <td class="c" style="background:maroon">&nbsp;
    <td class="c" style="background:#800000">&nbsp;
    <td>maroon
   <tr>
    <td class="c" style="background:mediumaquamarine">&nbsp;
    <td class="c" style="background:#66cdaa">&nbsp;
    <td>mediumaquamarine
   <tr>
    <td class="c" style="background:mediumblue">&nbsp;
    <td class="c" style="background:#0000cd">&nbsp;
    <td>mediumblue
   <tr>
    <td class="c" style="background:mediumorchid">&nbsp;
    <td class="c" style="background:#ba55d3">&nbsp;
    <td>mediumorchid
   <tr>
    <td class="c" style="background:mediumpurple">&nbsp;
    <td class="c" style="background:#9370db">&nbsp;
    <td>mediumpurple
   <tr>
    <td class="c" style="background:mediumseagreen">&nbsp;
    <td class="c" style="background:#3cb371">&nbsp;
    <td>mediumseagreen
   <tr>
    <td class="c" style="background:mediumslateblue">&nbsp;
    <td class="c" style="background:#7b68ee">&nbsp;
    <td>mediumslateblue
   <tr>
    <td class="c" style="background:mediumspringgreen">&nbsp;
    <td class="c" style="background:#00fa9a">&nbsp;
    <td>mediumspringgreen
   <tr>
    <td class="c" style="background:mediumturquoise">&nbsp;
    <td class="c" style="background:#48d1cc">&nbsp;
    <td>mediumturquoise
   <tr>
    <td class="c" style="background:mediumvioletred">&nbsp;
    <td class="c" style="background:#c71585">&nbsp;
    <td>mediumvioletred
   <tr>
    <td class="c" style="background:midnightblue">&nbsp;
    <td class="c" style="background:#191970">&nbsp;
    <td>midnightblue
   <tr>
    <td class="c" style="background:mintcream">&nbsp;
    <td class="c" style="background:#f5fffa">&nbsp;
    <td>mintcream
   <tr>
    <td class="c" style="background:mistyrose">&nbsp;
    <td class="c" style="background:#ffe4e1">&nbsp;
    <td>mistyrose
   <tr>
    <td class="c" style="background:moccasin">&nbsp;
    <td class="c" style="background:#ffe4b5">&nbsp;
    <td>moccasin
   <tr>
    <td class="c" style="background:navajowhite">&nbsp;
    <td class="c" style="background:#ffdead">&nbsp;
    <td>navajowhite
   <tr>
    <td class="c" style="background:navy">&nbsp;
    <td class="c" style="background:#000080">&nbsp;
    <td>navy
   <tr>
    <td class="c" style="background:oldlace">&nbsp;
    <td class="c" style="background:#fdf5e6">&nbsp;
    <td>oldlace
   <tr>
    <td class="c" style="background:olive">&nbsp;
    <td class="c" style="background:#808000">&nbsp;
    <td>olive
   <tr>
    <td class="c" style="background:olivedrab">&nbsp;
    <td class="c" style="background:#6b8e23">&nbsp;
    <td>olivedrab
   <tr>
    <td class="c" style="background:orange">&nbsp;
    <td class="c" style="background:#ffa500">&nbsp;
    <td>orange
   <tr>
    <td class="c" style="background:orangered">&nbsp;
    <td class="c" style="background:#ff4500">&nbsp;
    <td>orangered
   <tr>
    <td class="c" style="background:orchid">&nbsp;
    <td class="c" style="background:#da70d6">&nbsp;
    <td>orchid
   <tr>
    <td class="c" style="background:palegoldenrod">&nbsp;
    <td class="c" style="background:#eee8aa">&nbsp;
    <td>palegoldenrod
   <tr>
    <td class="c" style="background:palegreen">&nbsp;
    <td class="c" style="background:#98fb98">&nbsp;
    <td>palegreen
   <tr>
    <td class="c" style="background:paleturquoise">&nbsp;
    <td class="c" style="background:#afeeee">&nbsp;
    <td>paleturquoise
   <tr>
    <td class="c" style="background:palevioletred">&nbsp;
    <td class="c" style="background:#db7093">&nbsp;
    <td>palevioletred
   <tr>
    <td class="c" style="background:papayawhip">&nbsp;
    <td class="c" style="background:#ffefd5">&nbsp;
    <td>papayawhip
   <tr>
    <td class="c" style="background:peachpuff">&nbsp;
    <td class="c" style="background:#ffdab9">&nbsp;
    <td>peachpuff
   <tr>
    <td class="c" style="background:peru">&nbsp;
    <td class="c" style="background:#cd853f">&nbsp;
    <td>peru
   <tr>
    <td class="c" style="background:pink">&nbsp;
    <td class="c" style="background:#ffc0cb">&nbsp;
    <td>pink
   <tr>
    <td class="c" style="background:plum">&nbsp;
    <td class="c" style="background:#dda0dd">&nbsp;
    <td>plum
   <tr>
    <td class="c" style="background:powderblue">&nbsp;
    <td class="c" style="background:#b0e0e6">&nbsp;
    <td>powderblue
   <tr>
    <td class="c" style="background:purple">&nbsp;
    <td class="c" style="background:#800080">&nbsp;
    <td>purple
   <tr>
    <td class="c" style="background:red">&nbsp;
    <td class="c" style="background:#ff0000">&nbsp;
    <td>red
   <tr>
    <td class="c" style="background:rosybrown">&nbsp;
    <td class="c" style="background:#bc8f8f">&nbsp;
    <td>rosybrown
   <tr>
    <td class="c" style="background:royalblue">&nbsp;
    <td class="c" style="background:#4169e1">&nbsp;
    <td>royalblue
   <tr>
    <td class="c" style="background:saddlebrown">&nbsp;
    <td class="c" style="background:#8b4513">&nbsp;
    <td>saddlebrown
   <tr>
    <td class="c" style="background:salmon">&nbsp;
    <td class="c" style="background:#fa8072">&nbsp;
    <td>salmon
   <tr>
    <td class="c" style="background:sandybrown">&nbsp;
    <td class="c" style="background:#f4a460">&nbsp;
    <td>sandybrown
   <tr>
    <td class="c" style="background:seagreen">&nbsp;
    <td class="c" style="background:#2e8b57">&nbsp;
    <td>seagreen
   <tr>
    <td class="c" style="background:seashell">&nbsp;
    <td class="c" style="background:#fff5ee">&nbsp;
    <td>seashell
   <tr>
    <td class="c" style="background:sienna">&nbsp;
    <td class="c" style="background:#a0522d">&nbsp;
    <td>sienna
   <tr>
    <td class="c" style="background:silver">&nbsp;
    <td class="c" style="background:#c0c0c0">&nbsp;
    <td>silver
   <tr>
    <td class="c" style="background:skyblue">&nbsp;
    <td class="c" style="background:#87ceeb">&nbsp;
    <td>skyblue
   <tr>
    <td class="c" style="background:slateblue">&nbsp;
    <td class="c" style="background:#6a5acd">&nbsp;
    <td>slateblue
   <tr>
    <td class="c" style="background:slategray">&nbsp;
    <td class="c" style="background:#708090">&nbsp;
    <td>slategray
   <tr>
    <td class="c" style="background:slategrey">&nbsp;
    <td class="c" style="background:#708090">&nbsp;
    <td>slategrey
   <tr>
    <td class="c" style="background:snow">&nbsp;
    <td class="c" style="background:#fffafa">&nbsp;
    <td>snow
   <tr>
    <td class="c" style="background:springgreen">&nbsp;
    <td class="c" style="background:#00ff7f">&nbsp;
    <td>springgreen
   <tr>
    <td class="c" style="background:steelblue">&nbsp;
    <td class="c" style="background:#4682b4">&nbsp;
    <td>steelblue
   <tr>
    <td class="c" style="background:tan">&nbsp;
    <td class="c" style="background:#d2b48c">&nbsp;
    <td>tan
   <tr>
    <td class="c" style="background:teal">&nbsp;
    <td class="c" style="background:#008080">&nbsp;
    <td>teal
   <tr>
    <td class="c" style="background:thistle">&nbsp;
    <td class="c" style="background:#d8bfd8">&nbsp;
    <td>thistle
   <tr>
    <td class="c" style="background:tomato">&nbsp;
    <td class="c" style="background:#ff6347">&nbsp;
    <td>tomato
   <tr>
    <td class="c" style="background:turquoise">&nbsp;
    <td class="c" style="background:#40e0d0">&nbsp;
    <td>turquoise
   <tr>
    <td class="c" style="background:violet">&nbsp;
    <td class="c" style="background:#ee82ee">&nbsp;
    <td>violet
   <tr>
    <td class="c" style="background:wheat">&nbsp;
    <td class="c" style="background:#f5deb3">&nbsp;
    <td>wheat
   <tr>
    <td class="c" style="background:white">&nbsp;
    <td class="c" style="background:#ffffff">&nbsp;
    <td>white
   <tr>
    <td class="c" style="background:whitesmoke">&nbsp;
    <td class="c" style="background:#f5f5f5">&nbsp;
    <td>whitesmoke
   <tr>
    <td class="c" style="background:yellow">&nbsp;
    <td class="c" style="background:#ffff00">&nbsp;
    <td>yellow
   <tr>
    <td class="c" style="background:yellowgreen">&nbsp;
    <td class="c" style="background:#9acd32">&nbsp;
    <td>yellowgreen
  </table>
</body>
</html>
